@import './../../../css/common';

.err-wrap {
	background-color: #c41e26;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
	.err-panel {
		position: absolute;
		width: 100%;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		.err-msg {
			text-align: center;
			color: #ffffff;
			font-size: 28px;
			margin-bottom: 50px;
		}
		
	}
	
	&.loading {
		.loading-icon {
			display: block;
			@include wh(106, 106);
			margin: 0 auto;
			// @include bgPic(url('../../../img/loading-icon.png'));
			animation: myRotate 3s linear infinite;
		}
	}
}

.err-page {
	background: #fb4842;
}

@keyframes myRotate {
	0% {
		-webkit-transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(180deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
